.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.txh {
    display: flex;
    display: -webkit-flex;
}
header{
    .txh();
    justify-content: space-between;
    align-items: center;
    .px2rem(height,100);
    span:nth-child(1){
        img{
           .px2rem(width,50); 
           .px2rem(height,40); 
           .px2rem(padding-left,40);
        }
    }
    span:nth-child(2){
       .px2rem(font-size,40);
        
    }
}
section{
    img{
        width: 100%;
    }
}
main{
    background: #efeeef;
    p{
        line-height: 100px;
        .px2rem(height,100);
        .px2rem(font-size,35);
        img{
            .px2rem(padding-left,20);
            .px2rem(padding-right,20);
            .px2rem(width,30);
            .px2rem(height,43);
            
        }
       
    }
    ul{
        .txh();
        justify-content: space-between;
        flex-wrap: wrap;
        li{
            background: white;
            border-bottom: 1px dashed #202020;
            .txh();
            flex-direction: column;
            justify-content: center;
            align-items: center;
            .px2rem(width,355);
            .px2rem(height,480);
            .px2rem(margin-left,10);
            .px2rem(margin-right,10);
            img{
                .px2rem(width,190);
                .px2rem(height,190);
                .px2rem(padding-bottom,90);
            }
            span{
                .px2rem(padding-left,20);
                .px2rem(padding-right,20);
            }
        }
    }
}
